/**
 * 全局主题样式 - 5种现代化风格主题，通过CSS变量控制
 */

/* 全局平滑过渡 */
* {
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* 基础变量 */
:root {
  --theme-transition: all 0.2s ease;
  --theme-border-radius: 8px;
  --theme-border-radius-lg: 12px;
  --theme-bg-white: #ffffff;
}

/* 1. 电光蓝 - 未来科技风 */
[data-theme='blue-light'] {
  --theme-primary: #4a90e2;
  --theme-primary-hover: #357abd;
  --theme-primary-bg: linear-gradient(135deg, rgba(74, 144, 226, 0.08), rgba(53, 122, 189, 0.04));
  --theme-primary-gradient: linear-gradient(135deg, #4a90e2 0%, #357abd 50%, #2e6ba8 100%);

  --theme-bg-primary: #fefefe;
  --theme-bg-secondary: linear-gradient(135deg, #f9fbff 0%, #f3f8fe 100%);
  --theme-bg-tertiary: linear-gradient(135deg, #f3f8fe 0%, #eef4fd 100%);

  --theme-text-primary: #1e3a5f;
  --theme-text-secondary: #2c5282;

  --theme-border: #bee3f8;
  --theme-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

  --theme-header-bg: #a8b8c8;
  --theme-sider-bg: linear-gradient(180deg, #a8b8c8 0%, #9aa8b8 100%);
}

/* 2. 星空紫 - 神秘幻彩风 */
[data-theme='purple-light'] {
  --theme-primary: #8b7ed8;
  --theme-primary-hover: #7b6bc0;
  --theme-primary-bg: linear-gradient(135deg, rgba(139, 126, 216, 0.08), rgba(123, 107, 192, 0.04));
  --theme-primary-gradient: linear-gradient(135deg, #8b7ed8 0%, #7b6bc0 50%, #6b5b9d 100%);

  --theme-bg-primary: #fefefe;
  --theme-bg-secondary: linear-gradient(135deg, #faf9ff 0%, #f5f3ff 100%);
  --theme-bg-tertiary: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);

  --theme-text-primary: #553c9a;
  --theme-text-secondary: #6b46c1;

  --theme-border: #ddd6fe;
  --theme-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

  --theme-header-bg: #b5a8d5;
  --theme-sider-bg: linear-gradient(180deg, #b5a8d5 0%, #a898c0 100%);
}

/* 3. 矩阵绿 - 赛博朋克风 */
[data-theme='green-light'] {
  --theme-primary: #52c41a;
  --theme-primary-hover: #389e0d;
  --theme-primary-bg: linear-gradient(135deg, rgba(82, 196, 26, 0.08), rgba(56, 158, 13, 0.04));
  --theme-primary-gradient: linear-gradient(135deg, #52c41a 0%, #389e0d 50%, #237804 100%);

  --theme-bg-primary: #fefefe;
  --theme-bg-secondary: linear-gradient(135deg, #f9fff9 0%, #f0fff4 100%);
  --theme-bg-tertiary: linear-gradient(135deg, #f0fff4 0%, #e6ffed 100%);

  --theme-text-primary: #135200;
  --theme-text-secondary: #237804;

  --theme-border: #b7eb8f;
  --theme-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

  --theme-header-bg: #a0c8a8;
  --theme-sider-bg: linear-gradient(180deg, #a0c8a8 0%, #90b898 100%);
}

/* 4. 熔岩红 - 烈焰战士风 */
[data-theme='orange-light'] {
  --theme-primary: #fa8c16;
  --theme-primary-hover: #d46b08;
  --theme-primary-bg: linear-gradient(135deg, rgba(250, 140, 22, 0.08), rgba(212, 107, 8, 0.04));
  --theme-primary-gradient: linear-gradient(135deg, #fa8c16 0%, #d46b08 50%, #ad4e00 100%);

  --theme-bg-primary: #fefefe;
  --theme-bg-secondary: linear-gradient(135deg, #fffbf5 0%, #fff7e6 100%);
  --theme-bg-tertiary: linear-gradient(135deg, #fff7e6 0%, #ffedd5 100%);

  --theme-text-primary: #7c2d12;
  --theme-text-secondary: #9a3412;

  --theme-border: #ffd591;
  --theme-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

  --theme-header-bg: #c8b58c;
  --theme-sider-bg: linear-gradient(180deg, #c8b58c 0%, #b8a578 100%);
}

/* 5. 樱花粉 - 浪漫梦幻风 */
[data-theme='pink-light'] {
  --theme-primary: #eb2f96;
  --theme-primary-hover: #c41d7f;
  --theme-primary-bg: linear-gradient(135deg, rgba(235, 47, 150, 0.08), rgba(196, 29, 127, 0.04));
  --theme-primary-gradient: linear-gradient(135deg, #eb2f96 0%, #c41d7f 50%, #9e1068 100%);

  --theme-bg-primary: #fefefe;
  --theme-bg-secondary: linear-gradient(135deg, #fef7ff 0%, #fdf2f8 100%);
  --theme-bg-tertiary: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);

  --theme-text-primary: #831843;
  --theme-text-secondary: #9d174d;

  --theme-border: #f9a8d4;
  --theme-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

  --theme-header-bg: #c5a8b8;
  --theme-sider-bg: linear-gradient(180deg, #c5a8b8 0%, #b598a8 100%);
}

/* 页面容器 */
body {
  background: var(--theme-bg-white);
  color: var(--theme-text-primary);
  transition: var(--theme-transition);
}
